<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>编辑企业 - 模切材料小管家</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <style>
        :root {
            /* TDesign 工业品色彩系统 */
            --primary-color: #0052d9;
            --primary-light: #266fe8;
            --primary-dark: #003cab;
            --secondary-color: #f2f3ff;
            --accent-color: #e37318;
            --success-color: #00a870;
            --warning-color: #ed7b2f;
            --error-color: #d54941;
            
            /* 背景色系 */
            --bg-color-page: #f5f7fa;
            --bg-color-container: #ffffff;
            --bg-color-secondray: #f8f9fc;
            
            /* 边框和分割线 */
            --border-color: #e7e7e7;
            --border-color-light: #f0f0f0;
            --border-radius-small: 3px;
            --border-radius-medium: 6px;
            --border-radius-large: 9px;
            
            /* 文字色彩 */
            --text-primary: #1a1a1a;
            --text-secondary: #4e5969;
            --text-placeholder: #86909c;
            --text-disabled: #c9cdd4;
            
            /* 阴影系统 */
            --shadow-1: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
            --shadow-2: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
            --shadow-3: 0 4px 8px 0 rgba(0, 0, 0, 0.12);
            
            /* 间距系统 */
            --space-1: 4px;
            --space-2: 8px;
            --space-3: 12px;
            --space-4: 16px;
            --space-5: 20px;
            --space-6: 24px;
            --space-8: 32px;
            --space-10: 40px;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: "PingFang SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
        }
        
        body {
            background-color: var(--bg-color-page);
            color: var(--text-primary);
            font-size: 14px;
            line-height: 1.5;
            padding-bottom: 120px;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
        
        .container {
            max-width: 480px;
            margin: 0 auto;
            background: var(--bg-color-container);
            min-height: 100vh;
            box-shadow: var(--shadow-1);
            position: relative;
            overflow-x: hidden;
        }
        
        /* 头部样式 - TDesign 简约风格 */
        .header {
            background: var(--primary-color);
            color: white;
            padding: var(--space-4) var(--space-4) var(--space-5);
            position: relative;
            z-index: 10;
        }
        
        .top-bar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: var(--space-4);
        }
        
        .back-btn {
            font-size: 18px;
            cursor: pointer;
            opacity: 0.9;
            transition: opacity 0.2s ease;
        }
        
        .back-btn:hover {
            opacity: 1;
        }
        
        .page-title {
            font-weight: 500;
            font-size: 16px;
        }
        
        .actions {
            display: flex;
            gap: var(--space-5);
        }
        
        .actions i {
            font-size: 16px;
            cursor: pointer;
            opacity: 0.9;
            transition: opacity 0.2s ease;
        }
        
        .actions i:hover {
            opacity: 1;
        }
        
        /* 表单区域 - TDesign 简约风格 */
        .form-container {
            padding: var(--space-5) var(--space-4);
        }
        
        .form-section {
            background: var(--bg-color-container);
            border-radius: var(--border-radius-medium);
            margin-bottom: var(--space-4);
            box-shadow: var(--shadow-1);
            overflow: hidden;
            border: 1px solid var(--border-color-light);
        }
        
        .section-header {
            padding: var(--space-4);
            border-bottom: 1px solid var(--border-color-light);
            background: var(--bg-color-secondray);
        }
        
        .section-title {
            font-size: 14px;
            font-weight: 500;
            color: var(--text-primary);
            display: flex;
            align-items: center;
        }
        
        .section-title i {
            margin-right: var(--space-2);
            color: var(--primary-color);
            font-size: 14px;
        }
        
        .form-group {
            padding: var(--space-3) var(--space-4);
            border-bottom: 1px solid var(--border-color-light);
        }
        
        .form-group:last-child {
            border-bottom: none;
        }
        
        .form-label {
            display: block;
            margin-bottom: var(--space-2);
            font-weight: 500;
            color: var(--text-primary);
            font-size: 14px;
        }
        
        .required {
            color: var(--error-color);
        }
        
        .form-input {
            width: 100%;
            padding: var(--space-3);
            border: 1px solid var(--border-color);
            border-radius: var(--border-radius-medium);
            font-size: 14px;
            background: var(--bg-color-container);
            transition: all 0.2s ease;
        }
        
        .form-input:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 2px rgba(0, 82, 217, 0.1);
        }
        
        .form-textarea {
            width: 100%;
            padding: var(--space-3);
            border: 1px solid var(--border-color);
            border-radius: var(--border-radius-medium);
            font-size: 14px;
            background: var(--bg-color-container);
            resize: vertical;
            min-height: 80px;
            font-family: inherit;
            transition: all 0.2s ease;
        }
        
        .form-textarea:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 2px rgba(0, 82, 217, 0.1);
        }
        
        .form-select {
            width: 100%;
            padding: var(--space-3);
            border: 1px solid var(--border-color);
            border-radius: var(--border-radius-medium);
            font-size: 14px;
            background: var(--bg-color-container);
            cursor: pointer;
            transition: all 0.2s ease;
        }
        
        .form-select:focus {
            outline: none;
            border-color: var(--primary-color);
            box-shadow: 0 0 0 2px rgba(0, 82, 217, 0.1);
        }

        /* 企业类别选择样式 */
        .selected-categories-container {
            display: flex;
            flex-wrap: wrap;
            gap: var(--space-2);
            margin-bottom: var(--space-3);
        }
        
        .selected-category-item {
            display: inline-flex;
            align-items: center;
            gap: var(--space-2);
            background: var(--secondary-color);
            border: 1px solid var(--primary-light);
            border-radius: var(--border-radius-medium);
            padding: var(--space-2) var(--space-3);
            font-size: 13px;
            color: var(--primary-color);
        }
        
        .selected-category-item .remove-btn {
            cursor: pointer;
            color: var(--text-placeholder);
            font-size: 12px;
            transition: color 0.2s ease;
        }
        
        .selected-category-item .remove-btn:hover {
            color: var(--error-color);
        }
        
        .add-category-btn {
            display: inline-flex;
            align-items: center;
            gap: var(--space-2);
            padding: var(--space-3) var(--space-4);
            border: 2px dashed var(--border-color);
            border-radius: var(--border-radius-medium);
            cursor: pointer;
            color: var(--text-placeholder);
            font-size: 14px;
            transition: all 0.2s ease;
            background: var(--bg-color-container);
        }
        
        .add-category-btn:hover {
            border-color: var(--primary-light);
            color: var(--primary-color);
            background: var(--secondary-color);
        }
        
        .add-category-btn.disabled {
            opacity: 0.5;
            cursor: not-allowed;
            pointer-events: none;
        }
        
        /* 分类选择弹窗 */
        .category-modal {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1000;
        }
        
        .category-modal.show {
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .modal-overlay {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.5);
        }
        
        .modal-content {
            position: relative;
            background: var(--bg-color-container);
            border-radius: var(--border-radius-large);
            box-shadow: var(--shadow-3);
            width: 90%;
            max-width: 420px;
            max-height: 80vh;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        
        .modal-content-wide {
            position: relative;
            background: var(--bg-color-container);
            border-radius: var(--border-radius-large);
            box-shadow: var(--shadow-3);
            width: 95%;
            max-width: 720px;
            max-height: 85vh;
            overflow: hidden;
            display: flex;
            flex-direction: column;
        }
        
        .modal-body-wide {
            flex: 1;
            overflow: hidden;
            padding: 0;
        }
        
        .category-selector-layout {
            display: flex;
            height: 400px;
        }
        
        .category-column {
            flex: 1;
            border-right: 1px solid var(--border-color-light);
            display: flex;
            flex-direction: column;
        }
        
        .category-column:last-child {
            border-right: none;
        }
        
        .column-header {
            padding: var(--space-4);
            background: var(--bg-color-secondray);
            border-bottom: 1px solid var(--border-color-light);
            font-size: 14px;
            font-weight: 600;
            color: var(--text-primary);
            text-align: center;
        }
        
        .category-list {
            flex: 1;
            overflow-y: auto;
            padding: var(--space-2);
        }
        
        .category-list-item {
            padding: var(--space-3) var(--space-4);
            margin-bottom: var(--space-1);
            border-radius: var(--border-radius-medium);
            cursor: pointer;
            font-size: 13px;
            color: var(--text-secondary);
            transition: all 0.2s ease;
            border: 1px solid transparent;
        }
        
        .category-list-item:hover {
            background: var(--secondary-color);
            color: var(--primary-color);
            border-color: var(--primary-light);
        }
        
        .category-list-item.selected {
            background: var(--primary-color);
            color: white;
            font-weight: 500;
        }
        
        .empty-hint {
            padding: var(--space-6) var(--space-4);
            text-align: center;
            color: var(--text-placeholder);
            font-size: 12px;
            line-height: 1.5;
        }
        
        .modal-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: var(--space-4) var(--space-5);
            border-bottom: 1px solid var(--border-color-light);
        }
        
        .modal-header h3 {
            font-size: 16px;
            font-weight: 600;
            color: var(--text-primary);
        }
        
        .close-btn {
            background: none;
            border: none;
            font-size: 16px;
            color: var(--text-placeholder);
            cursor: pointer;
            padding: var(--space-1);
        }
        
        .close-btn:hover {
            color: var(--text-primary);
        }
        
        .modal-body {
            flex: 1;
            overflow-y: auto;
            padding: var(--space-4) var(--space-5);
        }
        
        .modal-footer {
            display: flex;
            gap: var(--space-3);
            padding: var(--space-4) var(--space-5);
            border-top: 1px solid var(--border-color-light);
        }
        
        .btn-secondary, .btn-primary {
            flex: 1;
            padding: var(--space-3) var(--space-4);
            border: none;
            border-radius: var(--border-radius-medium);
            font-size: 14px;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        
        .btn-secondary {
            background: var(--bg-color-secondray);
            color: var(--text-secondary);
        }
        
        .btn-secondary:hover {
            background: var(--border-color-light);
        }
        
        .btn-primary {
            background: var(--primary-color);
            color: white;
        }
        
        .btn-primary:hover {
            background: var(--primary-light);
        }
        
        .btn-primary:disabled {
            background: var(--text-disabled);
            cursor: not-allowed;
        }
        
        /* 上传区域 */
        .upload-area {
            border: 2px dashed var(--border-color);
            border-radius: var(--border-radius-medium);
            padding: var(--space-8);
            text-align: center;
            cursor: pointer;
            transition: all 0.2s ease;
            background: var(--bg-color-secondray);
        }
        
        .upload-area:hover {
            border-color: var(--primary-color);
            background: var(--secondary-color);
        }
        
        .upload-area.uploaded {
            border-color: var(--success-color);
            background: rgba(0, 168, 112, 0.05);
        }
        
        .upload-area i {
            font-size: 32px;
            margin-bottom: var(--space-2);
            color: var(--text-placeholder);
        }
        
        .upload-area.uploaded i {
            color: var(--success-color);
        }
        
        .upload-text {
            color: var(--text-secondary);
            font-size: 14px;
            margin-bottom: var(--space-1);
        }
        
        .upload-hint {
            color: var(--text-placeholder);
            font-size: 12px;
        }
        
        .uploaded-file {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: var(--space-2);
            margin-top: var(--space-2);
            padding: var(--space-2);
            background: var(--bg-color-container);
            border-radius: var(--border-radius-small);
            border: 1px solid var(--border-color-light);
        }
        
        .uploaded-file i {
            color: var(--success-color);
            font-size: 16px;
        }
        
        .uploaded-file span {
            font-size: 12px;
            color: var(--text-secondary);
        }
        
        .remove-file {
            color: var(--error-color);
            cursor: pointer;
            font-size: 14px;
        }
        
        /* 审核状态 */
        .status-section {
            background: var(--secondary-color);
            border: 1px solid rgba(0, 82, 217, 0.1);
            border-radius: var(--border-radius-medium);
            padding: var(--space-4);
            margin-bottom: var(--space-4);
        }
        
        .status-header {
            display: flex;
            align-items: center;
            margin-bottom: var(--space-2);
        }
        
        .status-header i {
            font-size: 16px;
            color: var(--primary-color);
            margin-right: var(--space-2);
        }
        
        .status-title {
            font-size: 14px;
            font-weight: 500;
            color: var(--text-primary);
        }
        
        .status-content {
            font-size: 12px;
            color: var(--text-secondary);
            line-height: 1.5;
        }
        
        /* 底部操作栏 - TDesign 简约风格 */
        .bottom-actions {
            position: fixed;
            bottom: 64px;
            left: 0;
            right: 0;
            background: var(--bg-color-container);
            padding: var(--space-4);
            border-top: 1px solid var(--border-color-light);
            display: flex;
            gap: var(--space-2);
            z-index: 100;
            max-width: 480px;
            margin: 0 auto;
        }
        
        .btn {
            width: 100%;
            padding: var(--space-3);
            border: none;
            border-radius: var(--border-radius-medium);
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.2s ease;
        }
        
        .btn-secondary {
            background: var(--bg-color-secondray);
            color: var(--text-secondary);
            border: 1px solid var(--border-color-light);
        }
        
        .btn-secondary:hover {
            background: var(--border-color-light);
        }
        
        .btn-primary {
            background: var(--primary-color);
            color: white;
        }
        
        .btn-primary:hover {
            background: var(--primary-light);
        }
        
        /* 底部导航栏 - TDesign 简约风格 */
        .tabbar {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: var(--bg-color-container);
            border-top: 1px solid var(--border-color);
            display: flex;
            z-index: 100;
            max-width: 480px;
            margin: 0 auto;
            height: 64px;
        }
        
        .tab-item {
            flex: 1;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: var(--space-2) 0;
            cursor: pointer;
            transition: color 0.2s ease;
            color: var(--text-placeholder);
        }
        
        .tab-item.active {
            color: var(--primary-color);
        }
        
        .tab-item:hover {
            color: var(--primary-light);
        }
        
        .tab-item i {
            font-size: 18px;
            margin-bottom: var(--space-1);
        }
        
        .tab-item span {
            font-size: 10px;
        }
        
        /* 提示信息 */
        .form-hint {
            color: var(--text-placeholder);
            font-size: 12px;
            margin-top: var(--space-1);
        }
        
        .form-error {
            color: var(--error-color);
            font-size: 12px;
            margin-top: var(--space-1);
        }
    </style>
</head>
<body>
    <div class="container">
        <!-- 头部区域 -->
        <div class="header">
            <div class="top-bar">
                <div class="back-btn" onclick="history.back()">
                    <i class="fas fa-arrow-left"></i>
                </div>
                <div class="page-title">编辑企业</div>
                <div class="actions">
                    <i class="fas fa-question-circle" onclick="showHelp()"></i>
                </div>
            </div>
        </div>
        
        <!-- 表单区域 -->
        <div class="form-container">
            <!-- 审核状态说明 -->
            <div class="status-section">
                <div class="status-header">
                    <i class="fas fa-info-circle"></i>
                    <div class="status-title">编辑说明</div>
                </div>
                <div class="status-content">
                    修改企业信息后需重新审核，审核通过后生效。所有字段均可编辑更新。
                </div>
            </div>
            
            <!-- 基本信息 -->
            <div class="form-section">
                <div class="section-header">
                    <div class="section-title">
                        <i class="fas fa-building"></i>
                        基本信息
                    </div>
                </div>
                
                <div class="form-group">
                    <label class="form-label">公司照片（最多3张）</label>
                    <div class="upload-area uploaded" onclick="uploadLogo()">
                        <i class="fas fa-check-circle"></i>
                        <div class="upload-text">已上传2张公司照片</div>
                        <div class="upload-hint">点击重新上传，支持JPG、PNG格式，最多3张</div>
                    </div>
                </div>
                
                <div class="form-group">
                    <label class="form-label">企业全称 <span class="required">*</span></label>
                    <input type="text" class="form-input" placeholder="请输入企业全称" value="深圳市XX科技有限公司">
                    <div class="form-hint">请填写企业注册名称</div>
                </div>
                
                
                <div class="form-group">
                    <label class="form-label">企业类别（最多选择2个）</label>
                    <div id="categorySelectionContainer">
                        <!-- 已选择的分类展示 -->
                        <div id="selectedCategories" class="selected-categories-container">
                            <!-- 动态生成已选择的分类，默认有值 -->
                        </div>
                        
                        <!-- 添加新分类按钮 -->
                        <div id="addCategoryBtn" class="add-category-btn" onclick="showCategorySelector()">
                            <i class="fas fa-plus"></i>
                            <span>添加企业类别</span>
                        </div>
                    </div>
                </div>
                
                <!-- 分类选择弹窗 - 左右三列布局 -->
                <div id="categoryModal" class="category-modal">
                    <div class="modal-overlay" onclick="hideCategorySelector()"></div>
                    <div class="modal-content-wide">
                        <div class="modal-header">
                            <h3>选择企业类别</h3>
                            <button class="close-btn" onclick="hideCategorySelector()">
                                <i class="fas fa-times"></i>
                            </button>
                        </div>
                        <div class="modal-body-wide">
                            <div class="category-selector-layout">
                                <!-- 第一级分类 -->
                                <div class="category-column">
                                    <div class="column-header">主要类别</div>
                                    <div class="category-list" id="level1List">
                                        <!-- 动态生成一级分类 -->
                                    </div>
                                </div>
                                
                                <!-- 第二级分类 -->
                                <div class="category-column">
                                    <div class="column-header" id="level2Header">选择子类别</div>
                                    <div class="category-list" id="level2List">
                                        <div class="empty-hint">请先选择主要类别</div>
                                    </div>
                                </div>
                                
                                <!-- 第三级分类 -->
                                <div class="category-column">
                                    <div class="column-header" id="level3Header">选择具体类别</div>
                                    <div class="category-list" id="level3List">
                                        <div class="empty-hint">请先选择子类别</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <button class="btn-secondary" onclick="hideCategorySelector()">取消</button>
                            <button class="btn-primary" onclick="confirmCategorySelection()" id="confirmBtn" disabled>确认选择</button>
                        </div>
                    </div>
                </div>
                
                <div class="form-group">
                    <label class="form-label">融资阶段</label>
                    <select class="form-select">
                        <option value="">请选择融资阶段（可选）</option>
                        <option value="seed">种子轮</option>
                        <option value="angel">天使轮</option>
                        <option value="a" selected>A轮</option>
                        <option value="b">B轮</option>
                        <option value="c">C轮</option>
                        <option value="d">D轮及以上</option>
                        <option value="ipo">已上市</option>
                        <option value="none">未融资</option>
                    </select>
                </div>
                
                <div class="form-group">
                    <label class="form-label">人员规模</label>
                    <select class="form-select">
                        <option value="">请选择人员规模（可选）</option>
                        <option value="1-10">1-10人</option>
                        <option value="11-50">11-50人</option>
                        <option value="51-200" selected>51-200人</option>
                        <option value="201-500">201-500人</option>
                        <option value="501-1000">501-1000人</option>
                        <option value="1000+">1000人以上</option>
                    </select>
                </div>
                
                <div class="form-group">
                    <label class="form-label">公司性质</label>
                    <select class="form-select">
                        <option value="">请选择公司性质（可选）</option>
                        <option value="limited" selected>有限责任公司</option>
                        <option value="joint">股份有限公司</option>
                        <option value="partnership">合伙企业</option>
                        <option value="individual">个人独资企业</option>
                        <option value="foreign">外商投资企业</option>
                        <option value="other">其他</option>
                    </select>
                </div>
                
                <div class="form-group">
                    <label class="form-label">联系人 <span class="required">*</span></label>
                    <input type="text" class="form-input" placeholder="请输入联系人姓名" value="张三">
                    <div class="form-hint">请填写业务对接人姓名</div>
                </div>
                
                <div class="form-group">
                    <label class="form-label">联系电话 <span class="required">*</span></label>
                    <input type="tel" class="form-input" placeholder="请输入联系电话" value="13800138000">
                    <div class="form-hint">请填写有效的手机号码或固定电话</div>
                </div>
                
                <div class="form-group">
                    <label class="form-label">公司地址</label>
                    <textarea class="form-textarea" placeholder="请输入详细的经营地址（可选）">深圳市南山区科技园南区科苑路15号科兴科学园B栋3层</textarea>
                    <div class="form-hint">请填写完整的经营地址</div>
                </div>
                
                <div class="form-group">
                    <label class="form-label">公司描述</label>
                    <textarea class="form-textarea" placeholder="请简要描述公司主营业务、发展历程、核心优势等">深圳市XX科技有限公司成立于2010年，专注于模切材料研发与生产，拥有完善的生产线和质量管理体系，为客户提供高品质的模切解决方案。</textarea>
                    <div class="form-hint">用于展示公司形象，建议200字以内</div>
                </div>
            </div>
            
            <!-- 资质文件（可选） -->
            <div class="form-section">
                <div class="section-header">
                    <div class="section-title">
                        <i class="fas fa-file-alt"></i>
                        资质文件（可选）
                    </div>
                </div>
                
                <div class="form-group">
                    <label class="form-label">营业执照</label>
                    <div class="upload-area uploaded" onclick="uploadLicense()">
                        <i class="fas fa-check-circle"></i>
                        <div class="upload-text">营业执照已上传</div>
                        <div class="uploaded-file">
                            <i class="fas fa-file-pdf"></i>
                            <span>business-license.pdf</span>
                            <i class="fas fa-times remove-file" onclick="event.stopPropagation(); removeFile(this, 'license')"></i>
                        </div>
                    </div>
                </div>
                
                <div class="form-group">
                    <label class="form-label">认证体系文件</label>
                    <div class="upload-area uploaded" onclick="uploadCertification()">
                        <i class="fas fa-check-circle"></i>
                        <div class="upload-text">认证体系文件已上传</div>
                        <div class="uploaded-file">
                            <i class="fas fa-file-alt"></i>
                            <span>iso9001-certificate.pdf</span>
                            <i class="fas fa-times remove-file" onclick="event.stopPropagation(); removeFile(this, 'cert')"></i>
                        </div>
                    </div>
                </div>
                
                <div class="form-group">
                    <label class="form-label">代理证书</label>
                    <div class="upload-area" onclick="uploadAgency()">
                        <i class="fas fa-cloud-upload-alt"></i>
                        <div class="upload-text">点击上传代理证书</div>
                        <div class="upload-hint">品牌授权等（可选）</div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- 底部操作栏 -->
        <div class="bottom-actions">
            <button class="btn btn-secondary" onclick="history.back()">取消</button>
            <button class="btn btn-primary" onclick="submitForm()">保存修改</button>
        </div>
        
        <!-- 底部导航 -->
        <div class="tabbar">
            <div class="tab-item" onclick="location.href='home.html'">
                <i class="fas fa-home"></i>
                <span>首页</span>
            </div>
            <div class="tab-item" onclick="location.href='search-results.html'">
                <i class="fas fa-search"></i>
                <span>求购</span>
            </div>
            <div class="tab-item" onclick="location.href='publish.html'">
                <i class="fas fa-plus-circle"></i>
                <span>发布</span>
            </div>
            <div class="tab-item" onclick="location.href='messages.html'">
                <i class="fas fa-comments"></i>
                <span>客服</span>
            </div>
            <div class="tab-item active" onclick="location.href='profile.html'">
                <i class="fas fa-user"></i>
                <span>我的</span>
            </div>
        </div>
    </div>
    
    <script>
        // 企业类别三层数据结构
        const ENTERPRISE_CATEGORIES = {
            '模切加工': {
                '精密模切': ['百级无尘室', '千级无尘室', '万级无尘室', '洁净室'],
                '大尺寸模切': ['百级无尘室', '千级无尘室', '万级无尘室', '洁净室'],
                'RFID标签': ['RFID标签印刷模切'],
                '医用敷贴模切': ['皮肤贴材料模切', '防爆膜模切'],
                '光学材料模切': ['OCA模切', '扩散反射片模切', '偏光片模切'],
                '印刷': ['不干胶模切', '数码印刷', '凸版印刷', '凹版印刷', '柔版印刷', '丝网印刷']
            },
            '国内材料': {
                '单面胶带': ['美纹纸胶带', '醋酸布胶带', '玻璃纤维胶带', 'PI胶带', 'PET胶带', 'PP/PE胶带', '特氟龙胶带', '铜箔胶带', '铝箔胶带', 'PVC胶带'],
                '双面胶带': ['无基材双面胶', 'PET双面胶', '棉纸双面胶', '无纺布双面胶', '泡棉双面胶', '纯胶膜', '强粘胶带', 'AB胶', '纳米胶', '易撕胶带'],
                '保护膜': ['PI保护膜', '硅胶保护膜', 'PET保护膜', 'CPP保护膜', 'PE保护膜', 'PP保护膜', 'UV减粘膜'],
                '电磁屏蔽材料': ['异向导电膜', '单向导电膜', '导电泡棉', '双向导电带'],
                '吸波材料': ['铁氧体', '导磁片', 'OCA', '遮光胶带'],
                '光学材料': ['偏光片', '反射片', '扩散片', '增亮膜', '背光膜', '其它', '纱网'],
                '声学材料': ['防水透气膜', '防水透声膜'],
                '标签材料': ['压敏标签', '热敏标签', '防伪标签', '耐高温标签', '遇水消失标签'],
                '热界面材料': ['导热垫片', '导热石墨', '导热泡棉', '石墨烯', '导热胶带'],
                '薄膜': ['PI', 'PET', 'PC', '铝箔', '铜箔'],
                '泡棉': ['PU泡棉', 'PE泡棉', 'EVA泡棉', 'EPDM泡棉', 'CR泡棉', '硅胶胶', '气凝胶', '其它'],
                '模切辅料': ['离型纸', '离型膜', '菲林膜', '转移膜', '载体膜'],
                '皮胶带': ['舒力克（3M）', '国产'],
                '绝缘纸': ['进口', '国产']
            },
            '国际品牌': {
                '3M': ['胶带系列', '薄膜系列', '保护膜系列', '泡棉系列'],
                'tesa德莎': ['工业胶带', '汽车胶带', '电子胶带', '建筑胶带'],
                'NITTO日东': ['光学胶带', '电子胶带', '工业胶带'],
                'SONY索尼': ['光学材料', '电子材料'],
                '住友': ['化学材料', '电子材料'],
                '东丽': ['薄膜材料', '纤维材料'],
                '帝人': ['薄膜材料', '化学材料'],
                'DuPont杜邦': ['工程材料', '电子材料'],
                'PORON': ['泡棉材料', '密封材料']
            },
            '设备模具': {
                '模切设备': ['平压平模切机', '圆压圆模切机', '激光模切机', '水刀切割机'],
                '复合设备': ['干式复合机', '湿式复合机', '热熔复合机'],
                '分切设备': ['分切机', '复卷机', '检品机'],
                '印刷设备': ['柔印机', '凹印机', '丝印机', '数码印刷机'],
                '检测设备': ['厚度检测仪', '粘性测试仪', '拉力测试仪', '老化测试箱'],
                '模具': ['冲型模具', '烫金模具', '压痕模具']
            },
            '配套服务': {
                '物流服务': ['仓储服务', '配送服务', '跨境物流'],
                '金融服务': ['供应链金融', '设备租赁', '保险服务'],
                '技术服务': ['产品设计', '工艺优化', '质量检测'],
                '咨询服务': ['市场调研', '技术咨询', '管理咨询'],
                '培训服务': ['技术培训', '管理培训', '安全培训']
            }
        };

        // 企业类别选择状态
        const categoryState = {
            selectedCategories: [
                {
                    path: '模切加工 > 精密模切 > 百级无尘室',
                    level1: '模切加工',
                    level2: '精密模切',
                    level3: '百级无尘室'
                },
                {
                    path: '国内材料 > 双面胶带 > PET双面胶',
                    level1: '国内材料',
                    level2: '双面胶带',
                    level3: 'PET双面胶'
                }
            ],
            currentSelection: {
                level1: '',
                level2: '',
                level3: ''
            }
        };

        // 上传Logo
        function uploadLogo() {
            console.log('上传公司照片');
            // 实际应用中调用文件选择器
        }
        
        // 上传营业执照
        function uploadLicense() {
            console.log('上传营业执照');
        }
        
        // 上传认证体系文件
        function uploadCertification() {
            console.log('上传认证体系文件');
        }
        
        // 上传代理证书
        function uploadAgency() {
            console.log('上传代理证书');
            const uploadArea = event.currentTarget;
            uploadArea.classList.add('uploaded');
            uploadArea.innerHTML = `
                <i class="fas fa-check-circle"></i>
                <div class="upload-text">代理证书已上传</div>
                <div class="uploaded-file">
                    <i class="fas fa-file-alt"></i>
                    <span>agency-certificate.pdf</span>
                    <i class="fas fa-times remove-file" onclick="event.stopPropagation(); removeFile(this, 'agency')"></i>
                </div>
            `;
        }
        
        // 删除文件
        function removeFile(element, type) {
            const uploadArea = element.closest('.upload-area');
            uploadArea.classList.remove('uploaded');
            
            let uploadText = '点击上传文件';
            let uploadHint = '支持JPG、PNG、PDF格式，文件大小不超过5MB';
            
            if (type === 'license') {
                uploadText = '点击上传营业执照';
            } else if (type === 'cert') {
                uploadText = '点击上传认证体系文件';
                uploadHint = '如ISO9001等（可选）';
            } else if (type === 'agency') {
                uploadText = '点击上传代理证书';
                uploadHint = '品牌授权等（可选）';
            }
            
            uploadArea.innerHTML = `
                <i class="fas fa-cloud-upload-alt"></i>
                <div class="upload-text">${uploadText}</div>
                <div class="upload-hint">${uploadHint}</div>
            `;
        }
        
        // 提交表单
        function submitForm() {
            console.log('保存企业信息修改');
            alert('企业信息已提交，等待审核！');
            // 实际应用中应该收集表单数据并提交到服务器
        }
        
        // 显示帮助
        function showHelp() {
            alert('编辑企业信息帮助：\n\n1. 所有字段均可修改\n2. 修改后需重新审核\n3. 必填项：企业全称、联系人、联系电话');
        }

        // 显示分类选择器
        function showCategorySelector() {
            if (categoryState.selectedCategories.length >= 2) {
                alert('最多只能选择2个企业类别');
                return;
            }
            
            const modal = document.getElementById('categoryModal');
            modal.classList.add('show');
            
            // 重置选择状态
            categoryState.currentSelection = { level1: '', level2: '', level3: '' };
            
            // 渲染第一级分类
            renderLevel1Categories();
            
            // 清空其他级别
            clearLevel2();
            clearLevel3();
            document.getElementById('confirmBtn').disabled = true;
        }

        // 隐藏分类选择器
        function hideCategorySelector() {
            const modal = document.getElementById('categoryModal');
            modal.classList.remove('show');
        }

        // 渲染第一级分类
        function renderLevel1Categories() {
            const container = document.getElementById('level1List');
            const categories = Object.keys(ENTERPRISE_CATEGORIES);
            
            container.innerHTML = categories.map(category => 
                `<div class="category-list-item" onclick="selectLevel1('${category}')">${category}</div>`
            ).join('');
        }

        // 选择第一级分类
        function selectLevel1(category) {
            categoryState.currentSelection.level1 = category;
            categoryState.currentSelection.level2 = '';
            categoryState.currentSelection.level3 = '';
            
            // 更新UI状态
            document.querySelectorAll('#level1List .category-list-item').forEach(el => el.classList.remove('selected'));
            event.target.classList.add('selected');
            
            // 显示第二级分类
            renderLevel2Categories(category);
            clearLevel3();
            
            // 检查是否可以确认选择（仅一级的情况）
            updateConfirmButton();
        }

        // 渲染第二级分类
        function renderLevel2Categories(level1) {
            const container = document.getElementById('level2List');
            const categories = Object.keys(ENTERPRISE_CATEGORIES[level1] || {});
            
            document.getElementById('level2Header').textContent = `${level1} 子类别`;
            
            if (categories.length === 0) {
                container.innerHTML = '<div class="empty-hint">该类别暂无子分类<br>可直接确认选择</div>';
                return;
            }
            
            container.innerHTML = categories.map(category => 
                `<div class="category-list-item" onclick="selectLevel2('${category}')">${category}</div>`
            ).join('');
        }

        // 选择第二级分类
        function selectLevel2(category) {
            categoryState.currentSelection.level2 = category;
            categoryState.currentSelection.level3 = '';
            
            // 更新UI状态
            document.querySelectorAll('#level2List .category-list-item').forEach(el => el.classList.remove('selected'));
            event.target.classList.add('selected');
            
            // 显示第三级分类
            const level1 = categoryState.currentSelection.level1;
            renderLevel3Categories(level1, category);
            
            // 检查是否可以确认选择（二级的情况）
            updateConfirmButton();
        }

        // 渲染第三级分类
        function renderLevel3Categories(level1, level2) {
            const container = document.getElementById('level3List');
            const categories = ENTERPRISE_CATEGORIES[level1][level2] || [];
            
            document.getElementById('level3Header').textContent = `${level2} 具体类别`;
            
            if (categories.length === 0) {
                container.innerHTML = '<div class="empty-hint">该类别暂无具体分类<br>可直接确认选择</div>';
                return;
            }
            
            container.innerHTML = categories.map(category => 
                `<div class="category-list-item" onclick="selectLevel3('${category}')">${category}</div>`
            ).join('');
        }

        // 选择第三级分类
        function selectLevel3(category) {
            categoryState.currentSelection.level3 = category;
            
            // 更新UI状态
            document.querySelectorAll('#level3List .category-list-item').forEach(el => el.classList.remove('selected'));
            event.target.classList.add('selected');
            
            // 检查是否可以确认选择
            updateConfirmButton();
        }

        // 清空第二级分类
        function clearLevel2() {
            document.getElementById('level2Header').textContent = '选择子类别';
            document.getElementById('level2List').innerHTML = '<div class="empty-hint">请先选择主要类别</div>';
        }

        // 清空第三级分类
        function clearLevel3() {
            document.getElementById('level3Header').textContent = '选择具体类别';
            document.getElementById('level3List').innerHTML = '<div class="empty-hint">请先选择子类别</div>';
        }

        // 更新确认按钮状态
        function updateConfirmButton() {
            const confirmBtn = document.getElementById('confirmBtn');
            const hasValidSelection = categoryState.currentSelection.level1 && 
                                    (categoryState.currentSelection.level2 || 
                                     Object.keys(ENTERPRISE_CATEGORIES[categoryState.currentSelection.level1]).length === 0);
            
            confirmBtn.disabled = !hasValidSelection;
        }

        // 确认分类选择
        function confirmCategorySelection() {
            const { level1, level2, level3 } = categoryState.currentSelection;
            
            if (!level1) return;
            
            // 构建选择的分类路径
            let categoryPath = level1;
            if (level2) {
                categoryPath += ` > ${level2}`;
                if (level3) {
                    categoryPath += ` > ${level3}`;
                }
            }
            
            // 检查是否已存在
            if (categoryState.selectedCategories.some(cat => cat.path === categoryPath)) {
                alert('该类别已选择');
                return;
            }
            
            // 添加到选择列表
            categoryState.selectedCategories.push({
                path: categoryPath,
                level1, level2, level3
            });
            
            // 更新显示
            renderSelectedCategories();
            
            // 隐藏选择器
            hideCategorySelector();
        }

        // 渲染已选择的分类
        function renderSelectedCategories() {
            const container = document.getElementById('selectedCategories');
            const addBtn = document.getElementById('addCategoryBtn');
            
            container.innerHTML = categoryState.selectedCategories.map((category, index) => {
                // 只显示最末级分类
                const displayText = category.level3 || category.level2 || category.level1;
                return `
                    <div class="selected-category-item">
                        <span>${displayText}</span>
                        <i class="fas fa-times remove-btn" onclick="removeCategory(${index})"></i>
                    </div>
                `;
            }).join('');
            
            // 更新添加按钮状态
            if (categoryState.selectedCategories.length >= 2) {
                addBtn.classList.add('disabled');
                addBtn.innerHTML = '<i class="fas fa-check"></i><span>已达到选择上限</span>';
            } else {
                addBtn.classList.remove('disabled');
                addBtn.innerHTML = '<i class="fas fa-plus"></i><span>添加企业类别</span>';
            }
        }

        // 删除选择的分类
        function removeCategory(index) {
            categoryState.selectedCategories.splice(index, 1);
            renderSelectedCategories();
        }

        // 页面加载完成后初始化
        document.addEventListener('DOMContentLoaded', () => {
            renderSelectedCategories();
        });
        
        // 底部导航切换
        document.querySelectorAll('.tab-item').forEach(item => {
            item.addEventListener('click', function() {
                document.querySelectorAll('.tab-item').forEach(t => t.classList.remove('active'));
                this.classList.add('active');
            });
        });
    </script>
</body>
</html>
